<form action="#">
  <input type="text" id="fail1" title="Label" />
  <select id="fail2" title="Label"></select>
  <textarea id="fail3" title="Label"></textarea>
  <input type="text" id="fail4" aria-describedby="hi" />

  <label for="pass1">Hi</label>
  <input type="text" id="pass1" title="Hello" />

  <label>
    Hi
    <input type="text" id="pass2" title="Hello" />
  </label>

  <input type="text" id="pass3" title="Hello" aria-label="Hi" />

  <div id="hi">Hi</div>
  <input type="text" id="pass4" title="Hello" aria-labelledby="hi" />

  <label for="pass5">Hi</label>
  <input type="text" id="pass5" aria-describedby="hi" />

  <label>
    Hi
    <input type="text" id="pass6" aria-describedby="hi" />
  </label>

  <input type="text" id="pass7" aria-describedby="hi" aria-label="Hi" />
  <input id="pass8" aria-describedby="hi" aria-labelledby="hi" />

  <div id="hihidden" aria-hidden="true">Hi hidden</div>
  <input type="text" id="pass9" aria-labelledby="hihidden" />
  <input type="text" id="pass10" title="Hello" aria-labelledby="hihidden" />
  <input
    type="text"
    id="pass11"
    title="Hello"
    aria-describedby="hi"
    aria-labelledby="hihidden"
  />
</form>
